<!doctype html>
<html lang="en" id="index" v-cloak>
    <head>
        <meta charset="UTF-8">
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
        <meta content="yes" name="apple-mobile-web-app-capable" />
        <title>爱的约定</title>
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
        <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/iconfont.css">
        <link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/index.css">
        <link rel="stylesheet" href="lib/vue-swiper/dist/vue-swipe.css">
        <link rel="stylesheet" href="lib/swipers/swiper.min.css">
        <link rel="stylesheet" href="//at.alicdn.com/t/font_554829_ufcvcj0i25ljtt9.css" />
        <link rel="stylesheet" href="//at.alicdn.com/t/font_554848_zxamar5s81ysnhfr.css" />
        <link rel="stylesheet" href="//at.alicdn.com/t/font_554984_hxymngnrd33xflxr.css" />
        <link rel="stylesheet" href="//at.alicdn.com/t/font_555251_5iyvvvpoufvfgvi.css" />
        <link rel="stylesheet" href="//at.alicdn.com/t/font_555258_1s5wxjlroucba9k9.css" />
        <script src="lib/swipers/swipe.js"></script>
        
        <style>
        	.warp {
                height: 260px;
                width: 360px;
                overflow: hidden;
            }

        </style>
        
    </head>
    <body>
        <div class="common-header">
            <div class="middle" style="text-align: left;padding-left: 50px;">
                <img src="img/logo1.jpg" alt="">
                <img src="img/logo2.jpg" alt="">
            </div>
            <div class="right" onclick="window.location.href = 'add_page.html' ">
            <i class='iconfont'>&#xe623;</i>{{defaultAdd}}</div>
        </div>
        
    
<!-- 
        <div id="slider" class="slider">

            <div class="swiper-wrapper">
                <div class="icon swiper-slide">
                    <a class='icon-item' href="map.html">
                         <i class='iconfont'>&#xe64b;</i>
                        <p>附近的人</p>
                    </a>
                    <a class='icon-item' href="room.html">
                        <i class='icon-mdm'></i>
                        <p>面对面交友</p>
                    </a>
                    <a class='icon-item' href="uc_pairlist.html">
                        <i class='icon-heart1'></i>
                        <p>我的速配</p>
                    </a>
                    <a class='icon-item' href="activity_business.html">
                        <i class='icon-sj'></i>
                        <p>爱心商家</p>
                    </a>
                </div>
            </div>
        </div> -->
        
        
     <div class="member">
      <div class="member_box">
	    <div class="member_tet1">男神
	      <i class="iconfont icon-nanxing nan" id="nan"></i> 
	      <span id="t1" class="timer count-title" id="count-number">	      
	      </span>人
	       </div>
	     <div class='member_tet3'>女神
	       <i class="iconfont icon-zuihoudinggao- nv" id="nv"></i> 
	       <span id="t3" class="timer count-title" id="count-number">
	       </span>人
	       </div>       
      </div>
      

            
                      
       <!--  <div class="member_box">
	       <div class="member_tet2">认证会员(男)
	       <i class="iconfont icon-renzhenghuiyuan yiy"></i>
	       <span id="t2" class="timer count-title" id="count-number"></span>人
	       </div>
	       <div class='member_tet4'>认证会员(女)
	       <i class="iconfont icon-renzhenghuiyuan yiy"></i>
	       <span id="t4" class="timer count-title" id="count-number"></span>人
	       </div>
       </div>  -->   
       </div>
		
        <!-- banner -->
        <div class="swiper-container">
            <swipe class="my-swipe" v-bind:style="{height:bannerHeight + 'px'}">
            <swipe-item v-if="renderObj.banners.url1">
            <a href="javascript:;" v-if="renderObj.banners.url1==''">
                <img v-bind:src="picServer + renderObj.banners.img1" alt="">
            </a>
            <a :href="renderObj.banners.url1 + '?typeId=' + renderObj.banners.urlid1" v-if="renderObj.banners.url1!==''">
                <img v-bind:src="picServer + renderObj.banners.img1" alt="">
            </a>
            </swipe-item>
            <swipe-item v-if="renderObj.banners.url2">
            <a href="javascript:;" v-if="renderObj.banners.url2==''">
                <img v-bind:src="picServer + renderObj.banners.img2" alt="">
            </a>
            <a :href="renderObj.banners.url2 + '?typeId=' + renderObj.banners.urlid2" v-if="renderObj.banners.url2!==''">
                <img v-bind:src="picServer + renderObj.banners.img2" alt="">
            </a>
            </swipe-item>
            <swipe-item v-if="renderObj.banners.url3">
            <a href="javascript:;" v-if="renderObj.banners.url3==''">
                <img v-bind:src="picServer + renderObj.banners.img3" alt="">
            </a>
            <a :href="renderObj.banners.url3 + '?typeId=' + renderObj.banners.urlid3" v-if="renderObj.banners.url3!==''">
                <img v-bind:src="picServer + renderObj.banners.img3" alt="">
            </a>
            </swipe-item>
            </swipe>
        </div>
        <!--会员系列--!>
        

      

        <div class="topNav clearfix">
            <a href="map.html">
            <div class="col2 nearby">
                <i class='iconfont'>&#xe64b;</i>
                附近的人
            </div>
            </a>
            <a href="room.html">
            <div class="col2 facetoface">
                <i class='iconfont'>&#xe619;</i>
                面对面交友
            </div>
            </a>
            <a href="uc_pairlist.html">
            <div class="col2 myPair">
                <i class='iconfont'>&#xe6e9;</i>
                我的速配
            </div>
            </a>
            <a href="activity_business.html">
            <div class="col2 merchant">
                <i class='iconfont'>&#xe679;</i>
                爱心商家
            </div>
            </a>
        </div>
        
      <div class="ff" id="ff">
      	<ul class="ff_listOne_box">
      		<li class="ff_listOne" v-for="item in renderObj.listArr">
	      		<div class="ff_t">
	           		 <img :src="item.member.headImg" v-if="item.member.headImg.indexOf('upload')==-1" class="avatar" v-on:click="goUserDetail(item.member.id)">
            		 <img :src="'http://appapp.b0.upaiyun.com'+item.member.headImg+'!/quality/10'" v-if="item.member.headImg.indexOf('upload')!=-1" class="avatar" v-on:click="goUserDetail(item.member.id)">
	        	</div>
	        	<div class="ff_y_box">
	        		<div class="ff_y">{{item.member.nickName}}</div>
	        		<div class="ff_u">{{item.content}}</div>
	        	</div>
      		</li>
      	</ul>      	
      </div>

        <!-- 会员推荐 -->
        <!--<div class='banner'>
            <h2>优质会员</h2>
        </div>-->
        <!--<div class='banner'>-->

        <img src="img/banner1.png" style="width: 100%;">
        <!--</div>-->
        


	   <div class="text_l">最人气</div>       
       <div class="we">
        <div class="a1" id="a1">
			<ul>
				<li v-for="item in renderObj.listArr1" @click="goDetail(item.id)">
					<div id="img1">
                        <img v-if="item.headImg.indexOf('upload')!=-1" :src="'http://appapp.b0.upaiyun.com' + item.headImg+'!/quality/50'" alt=""v-bind:style="{width: galleryWidth + 'px'}"/>
                        <img v-if="item.headImg.indexOf('upload')==-1" :src="item.headImg" alt=""v-bind:style="{width: galleryWidth + 'px'}"/>
					</div>
					<div class="c">
					<p class="cc">{{item.nickName}}</p>
					</div>
				</li>
			</ul>
		</div>
       </div>
       
      <div class="text_l text_l1">最推荐</div> 
      <div class="we"> 
        <div class="a2" id="a2">
		<ul>
          <li v-for="item in renderObj.listArr2" @click="goDetail(item.id)">
					<div id="img1">
					    <img v-if="item.headImg.indexOf('upload')!=-1" :src="'http://appapp.b0.upaiyun.com' + item.headImg+'!/quality/50'" alt=""v-bind:style="{width: galleryWidth + 'px'}"/>
                        <img v-if="item.headImg.indexOf('upload')==-1" :src="item.headImg" alt=""v-bind:style="{width: galleryWidth + 'px'}"/>
					</div>
					<div class="c">
					<p class="cc">{{item.nickName}}</p>
					</div>
				</li>
			</ul>
		</div>
      </div>
      
      <div class="text_l text_l2">最新鲜</div>
      <div class="we">
        <div class="a1" id="a3">
	        <ul>
          <li v-for="item in renderObj.listArr3" @click="goDetail(item.id)">
					<div id="img1">
                        <img v-if="item.headImg.indexOf('upload')!=-1" :src="'http://appapp.b0.upaiyun.com' + item.headImg+'!/quality/50'" alt=""v-bind:style="{width: galleryWidth + 'px'}"/>
                        <img v-if="item.headImg.indexOf('upload')==-1" :src="item.headImg" alt=""v-bind:style="{width: galleryWidth + 'px'}"/>
					 </div>
					<div class="c">
					<p class="cc">{{item.nickName}}</p>
					</div>
				</li>
			</ul>
	     	</div>	
           </div>	
		
		
		
       <!-- <div class='tab'>
            <div class='tab-title'>
                <a v-bind:class="{'active':num==0}" href="javascript:;" @click="goNum(0)">最新鲜</a>
                <a v-bind:class="{'active':num==1}" href="javascript:;" @click="goNum(1)">最人气</a>
                <a v-bind:class="{'active':num==2}" href="javascript:;" @click="goNum(2)">最推荐</a>
            </div>                               
          	<div class="tab-content text-center" v-if="num==0">
                <div class='tab-item' v-for="item in renderObj.listArr1" @click="goDetail(item.id)" v-bind:style="{width: galleryWidth + 'px', height: galleryWidth *1.2+20 + 'px'}">                 
                    <img :src="'http://appapp.b0.upaiyun.com' + item.img+'!/quality/50'" alt=""  v-bind:style="{width: galleryWidth + 'px', height: galleryWidth *1.2 + 'px'}" />
                	<p>{{item.nickName}}</p>
                   
                </div>
                <div class="a" id="a1">
					<ul>
						<li v-for="item in renderObj.listArr1">
							<img :src="'http://appapp.b0.upaiyun.com' + item.img+'!/quality/50'" alt="" style="width: 100%; height: 100%;"/>
							<p>{{item.nickName}}</p>
						</li>						
					</ul>
				</div>
            </div>
            <div class="tab-content text-center" v-if="num==1">
                <div class='tab-item' v-for="item in renderObj.listArr2" @click="goDetail(item.id)" v-bind:style="{width: galleryWidth + 'px', height: galleryWidth *1.2+20 + 'px'}">
                    <img :src="'http://appapp.b0.upaiyun.com' + item.img+'!/quality/50'" alt=""  v-bind:style="{width: galleryWidth + 'px', height: galleryWidth *1.2 + 'px'}">
                   <p>{{item.nickName}}</p>
                </div>
            </div>
            <div class="tab-content text-center" v-if="num==2">
                <div class='tab-item' v-for="item in renderObj.listArr3" @click="goDetail(item.id)" v-bind:style="{width: galleryWidth + 'px', height: galleryWidth *1.2+20 + 'px'}">
                    <img :src="'http://appapp.b0.upaiyun.com' + item.img+'!/quality/50'" alt=""  v-bind:style="{width: galleryWidth + 'px', height: galleryWidth *1.2 + 'px'}">
                   <p>{{item.nickName}}</p>
                </div>
            </div>                                
         </div>-->
          		
          	     
   


        <div class='list' style="margin-bottom: 10px;">
            <!--<ul>
                <li style="width: 50%; float:left;">
                    <span>
                        <select v-model="marriage">
                            <option value='' disabled selected style='display:none;'>婚姻</option>
                            <option v-for="item in filterArr[6]" :value="item.id">{{item.name}}</option>
                        </select>
                    </span>
                </li>
                <li style="width: 50%; float:left;">
                    <span>
                        <select v-model="sex">
                            <option value='' disabled selected style='display:none;'>性别</option>
                            <option v-for="item in filterArr[340]" :value="item.id">{{item.name}}</option>
                        </select>
                    </span>
                </li>
                <li>
                    &lt;!&ndash; <span>年龄范围</span> &ndash;&gt;
                    <span>
                        <select v-model="ageMin">
                            <option class="option-placeholder" value='' disabled selected style='display:none;'>年龄范围</option>
                            <option v-for="age in ageArr">{{age}}</option>
                        </select>
                        &nbsp;&nbsp;
                        <select v-model="ageMax">
                            <option v-for="age in ageArr">{{age}}</option>
                        </select>
                    </span>
                </li>
                <li style="width: 50%; float:left;">
                    <span>
                        <select v-model="educations">
                            <option value='' disabled selected style='display:none;'>文化程度</option>
                            <option v-for="item in filterArr[8]" :value="item.id">{{item.name}}</option>
                        </select>
                    </span>
                </li>
                <li style="width: 50%; float:left;">
                    <span>
                        <select v-model="income">
                            <option value='' disabled selected style='display:none;'>收入范围</option>
                            <option v-for="item in filterArr[418]" :value="item.id">{{item.name}}</option>
                        </select>
                    </span>
                </li>
                <li>
                    <span>
                        <select v-model="selectedCityId" onchange="selectedCityId()">
                            <option value='' disabled selected style='display:none;'>居住地</option>
                            <option v-for="item in cityArr" :value="item.id">{{item.name}}</option>
                        </select>
                        &nbsp;&nbsp;
                        <select v-model="selectedCountyId" onchange="selectedCountyId()">
                            <option v-for="item in countyArr" :value="item.id">{{item.name}}</option>
                        </select>
                    </span>
                </li>
            </ul>-->
            <div class="submit-btn">
                <button class="submit" @click="confirmFilter()">寻找TA</button>
            </div>
        </div>
        <!-- 交友活动 -->
        <!--<div class='banner banner-friend'>
            <h2>交友活动</h2>
        </div>-->


        <img src="img/banner2.png" style="width: 100%;">
        <div class='tab2 tab-friend'>
            <div class="line"></div>
            <div class="tab-content">

                <div class='tab-item' v-for="activityList in activityList"  @click="goMateDetail(activityList.id)">
                    <img class="l-img col2" :src="picServer+activityList.img" alt="" v-bind:style="{width: gWidth/2 + 'px', height: gWidth/2/1.33 + 'px'}">
                    <div class="pull-right col2">
                        <p>{{activityList.title}}</p>
                        <p class="info">{{activityList.info}}</p>
                        <p class="">已报名人数： {{activityList.rs}}</p>
                        <p class="">活动时间： {{activityList.activityTime.substring(0,10)}}</p>
                        <p class="">活动地点： {{activityList.place}}</p>
                    </div>
                <!--</div>-->

                <!--<div class='tab-item' v-show="$index%2 !== 0" @click="goMateDetail(activityList.id)" v-show=“$index%1 !== 0”>-->
                    <!--<div class="pull-left col2"&lt;!&ndash; v-if="$index%2 !== 0"&ndash;&gt;>
                        <p>{{activityList.title}}</p>
                        <p class="info">{{activityList.info}}</p>
                        <p class="">已报名人数： {{activityList.rs}}</p>
                        <p class="">活动时间： {{activityList.activityTime.substring(0,10)}}</p>
                        <p class="">活动地点： {{activityList.place}}</p>
                    </div>
                    <img v-if="$index%2 !== 0" class="col2" :src="picServer+activityList.img" alt="" v-bind:style="{width: gWidth/2 + 'px', height: gWidth/2/1.33 + 'px'}">-->
                </div>
            </div>
        </div>


        <!-- 各地动态
        <div class='banner banner-location'>
            <h2>各地动态</h2>
        </div>
        <div class="notice">
            <div class="notice-content" @click="goInfoDetail(item.id)" v-for="item in renderObj.infoArr">
                <div class="notice-detail">
                    <h2>【{{item.zregion.name}}{{item.cregion.name}}】{{item.title}}</h2>
                    <span>{{item.introduction}}</span>
                </div>
            </div>
            <a href="info_list.html">更多>></a>
        </div> -->
        <!-- 我们的活动
        <div class='banner banner-activity'>
            <h2>活动图片</h2>
            <p>牵手幸福，精彩瞬间</p>
        </div>
        <div class='tab tab-friend tab-activity'>
            <div class="tab-content">
                <div class='tab-item' v-for="photoList in activityPhoto" v-if="$index<4" @click="goActivityPhoto(photoList.id)">
                    <img :src="picServer+photoList.img" alt="" v-bind:style="{width: gWidth/2 + 'px', height: gWidth/2/1.33 + 'px'}">
                </div>
                <div class='tab-item tab-item-small' v-for="photoList in activityPhoto" v-if="$index>3" @click="goActivityPhoto(photoList.id)">
                    <img :src="picServer+photoList.img" alt="" v-bind:style="{width: galleryWidth + 'px', height: galleryWidth/1.33 + 'px'}">
                </div>
            </div>
        </div> -->
        <!-- 尾部 -->
        <div class="end">
            <span>版权所有：赣ICP备17004140号<br>主办单位：共青团江西省委</span>
            <p>服务热线：<i>0791-88910820</i></p>
        </div>
        
        


        <!-- footer -->
        <div class='footer'>
            <a class='active' href="index.html">
                <i class='iconfont'>&#xe611;</i>
                <p>首页</p>
            </a>
            <a href="activity_list.html">
                <i class='iconfont'>&#xe64d;</i>
                <p>活动</p>
            </a>
            <a href="friend_index.html">
                <i class='iconfont ta'>&#xe62a;</i>
                <p>TA</p>
            </a>
            <a href="mood.html">
                <i class='iconfont ss'>&#xe66a;</i>
                <p>说说</p>
            </a>
            <a href="uc_index.html">
                <i class='iconfont self'>&#xe66f;</i>
                <p>个人</p>
            </a>
        </div>
    </body>
    
    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>var app = 'index';</script>
    <script data-main="js/common/require_config" src="lib/requirejs/require.js"></script>
    <script src="lib/jquery/dist/jquery.js"></script>
    <script src="../../js/app/mood.js"></script>
    
    <script src="lib/scrollForever/scrollForever.js"></script>
 

</html>